<div id="tableRelate">
    <div class="table-nav">
        <form class="form-inline">
            <select class="form-control">
                <option selected disabled>顺序</option>
                <option>顺序</option>
                <option>3</option>
                <option>3</option>
                <option>3</option>
                <option>3</option>
            </select>
            <button type="button" class="btn btn-default btn-delete">删除</button>
            <button type="button" class="btn btn-default btn-delete btn-add">新增</button>
            <button type="button" class="btn btn-default btn-query">查询</button>
            <div class="form-group">
                <input type="text" class="form-control" id="queryContent" placeholder="查询内容">
            </div>
        </form>
    </div>
    <div class="table-wrap">
        <table id="Table">
        </table>
    </div>
</div>

<!-- Modal 查看-->
<div class="modal" id="missionCheck" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <p><span>特勤名称：</span><span>特勤名称</span></p>
                <p><span>特勤线路ID：</span><span>002</span></p>
                <table class="table table-hover">
                    <thead>
                        <tr><th>序号</th><th>路口ID</th><th>路口名称</th></tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                1
                            </td>
                            <td>
                                0103
                            </td>
                            <td>
                                路口1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                1
                            </td>
                            <td>
                                0103
                            </td>
                            <td>
                                路口1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                1
                            </td>
                            <td>
                                0103
                            </td>
                            <td>
                                路口1
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">修改</button>
                <button type="button" class="btn btn-delete btn-manage">强制管控</button>
            </div>
        </div>
    </div>
</div>
<!-- model 结束 -->

<!-- Modal 修改 和 新增加-->
<div class="modal" id="missionHandle" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="missionName">特勤任务：</label>
                    <input type="text" class="form-control" id="missionName" placeholder="特勤任务名称">
                </div>
                <div class="form-group">
                    <label for="missionLineId">特勤路线ID：</label>
                    <input type="text" class="form-control" id="missionLineId" placeholder="特勤路线ID">
                </div>
                <table class="table table-hover">
                    <thead>
                    <tr><th>序号</th><th>路口ID</th><th>路口名称</th></tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            <input type="text" class="form-control" placeholder="序号">
                        </td>
                        <td>
                            <input type="text" class="form-control" placeholder="路口ID">
                        </td>
                        <td>
                            <input type="text" class="form-control" placeholder="路口名称">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="text" class="form-control" placeholder="序号">
                        </td>
                        <td>
                            <input type="text" class="form-control" placeholder="路口ID">
                        </td>
                        <td>
                            <input type="text" class="form-control" placeholder="路口名称">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="text" class="form-control" placeholder="序号">
                        </td>
                        <td>
                            <input type="text" class="form-control" placeholder="路口ID">
                        </td>
                        <td>
                            <input type="text" class="form-control" placeholder="路口名称">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="text" class="form-control" placeholder="序号">
                        </td>
                        <td>
                            <input type="text" class="form-control" placeholder="路口ID">
                        </td>
                        <td>
                            <input type="text" class="form-control" placeholder="路口名称">
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">提交</button>
                <button type="button" class="btn btn-delete">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- model 结束 -->

<!-- Modal 强制管控-->
<div class="modal" id="manageControl" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <form>
                    <fieldset>
                        <legend>苏澜大道一段</legend>
                        <div>
                            <div class="check-box">
                                <label>
                                    <input type="checkbox"> 启用
                                </label>
                            </div>
                            <button type="button" class="btn  btn-query">强制接管</button>
                            <button type="button" class="btn  btn-query">停止</button>
                            <button type="button" class="btn  btn-query">取消接管</button>
                        </div>
                        <div>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option1"> 步进
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option2"> 跳相
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option3"> 步进（自定义）
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option3"> 跳相（自定义）
                            </label>
                        </div>
                        <div>
                            <div class="select-box">
                                <span>相位：</span>
                                <select class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                            <div class="check-box">
                                <label>
                                    <input type="checkbox"> 永久锁定
                                </label>
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="1">
                                <div class="input-group-addon">分钟</div>
                                <input type="text" class="form-control" placeholder="0">
                                <div class="input-group-addon">分钟</div>
                            </div>
                        </div>
                    </fieldset>
                </form>
                <form>
                    <fieldset>
                        <legend>苏澜大道一段</legend>
                        <div>
                            <div class="check-box">
                                <label>
                                    <input type="checkbox"> 启用
                                </label>
                            </div>
                            <button type="button" class="btn  btn-query">强制接管</button>
                            <button type="button" class="btn  btn-query">停止</button>
                            <button type="button" class="btn  btn-query">取消接管</button>
                        </div>
                        <div>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option1"> 步进
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option2"> 跳相
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option3"> 步进（自定义）
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option3"> 跳相（自定义）
                            </label>
                        </div>
                        <div>
                            <div class="select-box">
                                <span>相位：</span>
                                <select class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                            <div class="check-box">
                                <label>
                                    <input type="checkbox"> 永久锁定
                                </label>
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="1">
                                <div class="input-group-addon">分钟</div>
                                <input type="text" class="form-control" placeholder="0">
                                <div class="input-group-addon">分钟</div>
                            </div>
                        </div>
                    </fieldset>
                </form>
                <form>
                    <fieldset>
                        <legend>苏澜大道一段</legend>
                        <div>
                            <div class="check-box">
                                <label>
                                    <input type="checkbox"> 启用
                                </label>
                            </div>
                            <button type="button" class="btn  btn-query">强制接管</button>
                            <button type="button" class="btn  btn-query">停止</button>
                            <button type="button" class="btn  btn-query">取消接管</button>
                        </div>
                        <div>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option1"> 步进
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option2"> 跳相
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option3"> 步进（自定义）
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" value="option3"> 跳相（自定义）
                            </label>
                        </div>
                        <div>
                            <div class="select-box">
                                <span>相位：</span>
                                <select class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                            <div class="check-box">
                                <label>
                                    <input type="checkbox"> 永久锁定
                                </label>
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="1">
                                <div class="input-group-addon">分钟</div>
                                <input type="text" class="form-control" placeholder="0">
                                <div class="input-group-addon">分钟</div>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">强制管控</button>
                <button type="button" class="btn btn-delete">取消管控</button>
            </div>
        </div>
    </div>
</div>
<!-- model 结束 -->
